import $ from 'jquery';
import styles from './index.module.less'

let container;

// 初始化创建容器
function init() {
    container = $('<div>').addClass(styles.container).appendTo('#app');
}

/**
 * 根据传入的电影数组，创建元素，填充到容器中
 * @param {*} movies 
 */
 export function creatMoveTags(movies) {
    const html = movies.map(it => `
        <div>
            <a href="${it.url}" target="_blank">
                <img src="${it.cover}" />
            </a>
            <a href="${it.url}" target="_blank">
                <p class="${styles.title}">${it.title}</p>
            </a>
            <p class="${styles.rate}">评分${it.rate}</p>
        </div>
    `).join('');
    container.html(html);
}

init();